<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="javax.servlet.http.HttpUtils.*"%>
<%@ page import="java.util.*"%>
<%@ page import="com.dhtmlx.planner.controls.DHXRule.DHXOperator"%>
<%@ page import="com.dhtmlx.planner.controls.DHXRule.DHXOperator"%>
<%@ page import="com.dhtmlx.planner.extensions.DHXExtension"%>
<%@ page import="javax.sound.midi.MidiDevice.Info"%>
<%@ page import="java.net.URLEncoder"%>
<%@ page import="java.sql.*"%>
<%@ page import="java.util.Calendar"%>   
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<title>Meeting Planner :: 다수간 모임 일정 결정 서비스</title>
<link href="/project/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery.js"></script>
<script src="/project/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

<style>
input {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

input.notfound {
	border: 2px solid rgba(255, 0, 0, 0.4);
}
</style>
<script>
	function initialize() {
		var mapOptions = {
			center : new google.maps.LatLng(-33.8688, 151.2195),
			zoom : 13,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById('map-canvas'),
				mapOptions);

		var input = /** @type {HTMLInputElement} */
		(document.getElementById('searchTextField'));
		var autocomplete = new google.maps.places.Autocomplete(input);

		autocomplete.bindTo('bounds', map);

		var infowindow = new google.maps.InfoWindow();
		var marker = new google.maps.Marker({
			map : map
		});

		google.maps.event
				.addListener(
						autocomplete,
						'place_changed',
						function() {
							infowindow.close();
							marker.setVisible(false);
							//input.className = '';
							var place = autocomplete.getPlace();
							if (!place.geometry) {
								// Inform the user that the place was not found and return.
								input.className = 'notfound';
								return;
							}

							// If the place has a geometry, then present it on a map.
							if (place.geometry.viewport) {
								map.fitBounds(place.geometry.viewport);
							} else {
								map.setCenter(place.geometry.location);
								map.setZoom(17); // Why 17? Because it looks good.
							}
							marker.setIcon(/** @type {google.maps.Icon} */
							({
								url : place.icon,
								size : new google.maps.Size(71, 71),
								origin : new google.maps.Point(0, 0),
								anchor : new google.maps.Point(17, 34),
								scaledSize : new google.maps.Size(35, 35)
							}));
							marker.setPosition(place.geometry.location);
							marker.setVisible(true);

							var address = '';
							if (place.address_components) {
								address = [
										(place.address_components[0]
												&& place.address_components[0].short_name || ''),
										(place.address_components[1]
												&& place.address_components[1].short_name || ''),
										(place.address_components[2]
												&& place.address_components[2].short_name || '') ]
										.join(' ');
							}

							infowindow.setContent('<div><strong>' + place.name
									+ '</strong><br>' + address);
							infowindow.open(map, marker);
						});

		// Sets a listener on a radio button to change the filter type on Places
		// Autocomplete.
		function setupClickListener(id, types) {
			var radioButton = document.getElementById(id);
			google.maps.event.addDomListener(radioButton, 'click', function() {
				autocomplete.setTypes(types);
			});
		}

		setupClickListener('changetype-all', []);
		setupClickListener('changetype-establishment', [ 'establishment' ]);
		setupClickListener('changetype-geocode', [ 'geocode' ]);
	}

	google.maps.event.addDomListener(window, 'load', initialize);
</script>
<script>
	$(function() {
		$("#datepicker").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>
<script>
<!--
	function getdate() { //날짜 전달 함수_ id가 date인 input 태그의 value값을 저장한다. submit에서 불려진다
		var namee = document.getElementById("datepicker");
		document.getElementById("date").value = namee.value;
	}
//-->
</script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js" charset="utf-8"></script>
<script type="text/javascript">
	//페이스북 초기화 
	window.fbAsyncInit = function() {
		FB.init({
			appId : '206685489478996',
			status : true,
			cookie : true,
			xfbml : true
		});
	};
	(function() {
		var e = document.createElement('script');
		e.type = 'text/javascript';
		e.src = document.location.protocol
				+ '//connect.facebook.net/ko_KR/all.js';
		e.async = true;
		//document.getElementById('fb-root').appendChild(e);
	}());

	//ID에 대한 사용자 정보 출력
	function showUserInfo(id) {
		FB
				.api(
						{
							method : 'fql.query',
							query : 'SELECT name, pic_square FROM user WHERE uid='
									+ id
						},
						function(response) {
							document.getElementById('userInfo').innerHTML += ('<img src="' + response[0].pic_square + '"> ' + response[0].name);
						});
	}
</script>
<!-- ajax 부분 -->
<script type="text/javascript">
<!--
	var t1; //param과의 비교를 위한 변수

	// window.onload = function(){

	// 	this.start1();

	// }

	// function start1(){
	// 	setInterval(this.start, 1);
	// }

	// var xmlHttp;
	// function start(url){

	// 	var param = document.getElementById("ttt").value;   

	// 	if(t1 != param ){  //값이 달라지면 실행. 그렇지 않으면 아래 코드를 실행하지 않는다. 
	// 	this.t1 = param;
	// 	url = "hello.jsp";
	// 	url = url+"?name="+encodeURIComponent(param); //한글처리

	// 	//1.브라우저에 따른 XMLHttpRequest 생성
	// 	xmlHttp = createXMLHTTPObject();

	// 	//2.요청에 대한 응답 처리 이벤트 리스너 등록
	// 	xmlHttp.onreadystatechange = on_ReadyStateChange;

	// 	//3.서버로 보낼 데이터 생성
	// 	//외부xml파일을 가져오므로 데이터 변수 없음.

	// 	//4.GET방식으로 데이터 보내기, 응답은 비동기로 클라이언트와 서버 간의 연결 요청준비
	// 	xmlHttp.open("GET", url, true); //비동기(true)

	// 	//5.실제 데이터 전송
	// 	xmlHttp.send(null); //get 방식

	// 	//.T 동기/비동기 실행 테스트
	// // 	alert("전송 시작"); //비동기
	// 	}
	// }
	window.onload = function() {
		start("none");
	};

	function start2(param) {

		// 	var param = document.getElementById("cat").value;   

		url = "/project/ajax/ajax_email.jsp";
		url = url + "?name=" + encodeURIComponent(param); //한글처리

		//1.브라우저에 따른 XMLHttpRequest 생성
		xmlHttp = createXMLHTTPObject();

		//2.요청에 대한 응답 처리 이벤트 리스너 등록
		xmlHttp.onreadystatechange = on_ReadyStateChange2;

		//3.서버로 보낼 데이터 생성
		//외부xml파일을 가져오므로 데이터 변수 없음.

		//4.GET방식으로 데이터 보내기, 응답은 비동기로 클라이언트와 서버 간의 연결 요청준비
		xmlHttp.open("GET", url, true); //비동기(true)

		//5.실제 데이터 전송
		xmlHttp.send(null); //get 방식

		//.T 동기/비동기 실행 테스트
		// 	alert("전송 시작"); //비동기

	}

	function start(param) {

		// 	var param = document.getElementById("cat").value;   

		url = "/project/ajax/ajax.jsp";
		url = url + "?name=" + encodeURIComponent(param); //한글처리

		//1.브라우저에 따른 XMLHttpRequest 생성
		xmlHttp = createXMLHTTPObject();

		//2.요청에 대한 응답 처리 이벤트 리스너 등록
		xmlHttp.onreadystatechange = on_ReadyStateChange;

		//3.서버로 보낼 데이터 생성
		//외부xml파일을 가져오므로 데이터 변수 없음.

		//4.GET방식으로 데이터 보내기, 응답은 비동기로 클라이언트와 서버 간의 연결 요청준비
		xmlHttp.open("GET", url, true); //비동기(true)

		//5.실제 데이터 전송
		xmlHttp.send(null); //get 방식

		//.T 동기/비동기 실행 테스트
		// 	alert("전송 시작"); //비동기

	}

	//1.브라우저에 따른 XMLHttpRequest 생성
	function createXMLHTTPObject() {
		var xhr = null;
		if (window.XMLHttpRequest) {
			xhr = new XMLHttpRequest();
		} else {
			xhr = new ActiveXObject("Microsoft.XMLHttp");
		}

		return xhr;
	}

	//6.응답 처리
	function on_ReadyStateChange2() {
		// 4==데이터 전송 완료(0=초기화 전, 1=로딩 중, 2=로딩됨, 3=대화 상태)
		if (xmlHttp.readyState == 4) {
			//200은 에러 없음(404=페이지가 존재하지 않음)
			if (xmlHttp.status == 200) {
				//서버에서 받은 값
				// 			alert("서버에서 받은 원본 데이터: "+xmlHttp.responseText);
				var str = xmlHttp.responseText;
				document.getElementById("message2").innerHTML = str;
				//7.데이터 처리
				// 			parseData(xmlHttp.responseText);   //매개변수로 responseText 프러퍼티

			} else {
				// 			alert("처리 중 에러가 발생했습니다.");
			}
		}
	}

	//6.응답 처리
	function on_ReadyStateChange() {
		// 4==데이터 전송 완료(0=초기화 전, 1=로딩 중, 2=로딩됨, 3=대화 상태)
		if (xmlHttp.readyState == 4) {
			//200은 에러 없음(404=페이지가 존재하지 않음)
			if (xmlHttp.status == 200) {
				//서버에서 받은 값
				// 			alert("서버에서 받은 원본 데이터: "+xmlHttp.responseText);
				var str = xmlHttp.responseText;
				document.getElementById("message").innerHTML = str;
				//7.데이터 처리
				// 			parseData(xmlHttp.responseText);   //매개변수로 responseText 프러퍼티

			} else {
				// 			alert("처리 중 에러가 발생했습니다.");
			}
		}
	}
	//7.JSON 형식의 데이터 처리  //현재 사용하지는 않음.
	function parseData(strInfo) {
		var menuItems = eval("(" + strInfo + ")").menuItems;
		alert("메뉴 아이템 개수는?" + menuItems.length);
	}

	function replydelete() {
		$checkcount = $('input:checkbox[name="reply"]:checked').length;
		if ($checkcount <= 0)
			return false;
		m_num = new Array($checkcount);
		var i = 0;
		$('input:checkbox[name:"reply"]:checked').each(function() {
			m_num[i] = this.value;
			i++;
		});

		url = "adminreplydelete.jsp?d=" + m_num;
		var check = window.confirm("지정 덧글을 삭제 하시겠습니까?");
		if (check == true)
			window
					.open(
							url,
							'window',
							'toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no, width=0, height=0');
	}

	function goproject(url) {

		window
				.open(
						url,
						'window',
						'toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=700, height=800');
	}
	function goprojectapply(url) {
		window
				.open(
						url,
						'window2',
						'toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=1100, height=400');
	}
	function goidea(url) {
		window
				.open(
						url,
						'window2',
						'toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=900, height=600');
	}
//-->
</script>
<!-- ajax 부분 -->
<script>
<!--    //시간 선택 부분의 버튼으로 두 페이지 간의 form submit 이동 함수
	function formsubmit_to_time2() {
		var timeform = document.timeform;
		timeform.action = "./time2.jsp";
		timeform.method = "post";
		timeform.submit();
	}

	function formsubmit_to_time() {
		var timeform = document.time2form;
		timeform.action = "./time.jsp";
		timeform.method = "post";
		timeform.submit();
	}
	
	//checkbox js
	function checkIt(){
	      $checkcountcat = $('input:checkbox[id="checktime"]:checked' ).length;
	      if($checkcountcat==0){
	            $( function() {
	                    $( "#dialog-modal" ).dialog({
	                      height: false,
	                      modal: true
	                    });
	                  });
	            return false;
	      }
	}

	   
	-->
</script>
</head>
<body>
  <div id= "dialog-modal" title= "please, choose one at least"></div>
	<%
		//url 가져오기
		String url = javax.servlet.http.HttpUtils.getRequestURL(request).toString();
		String[] arrurl = new String[10];
		try {
			////Scanner 추가 부분	
			Scanner s = new Scanner(url).useDelimiter("/");
			for (int i = 0; s.hasNext(); i++) {
				arrurl[i] = s.next();
			}

		} catch (Exception ex) {
			ex.printStackTrace();
		}
		//////////////////////////////////////////////////////////
	%>
	<div class="container">
		<!-- 	예제 -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<div style="">
						<a class="brand" href="/project/index.jsp"><img src="/project/images/logo_small2.png" /></a>
					</div>
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li class="active"><a href="#">Home</a></li>
							<li><a href="#about">About</a></li>
							<li><a href="#contact">Contact</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Content <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">Action</a></li>
									<li><a href="#">Another action</a></li>
									<li><a href="#">Something else here</a></li>
									<li class="divider"></li>
									<li class="nav-header">Nav header</li>
									<li><a href="#">Separated link</a></li>
									<li><a href="#">One more separated link</a></li>
								</ul></li>
						</ul>
						<form class="navbar-form pull-right">
							<p></p>
							<p>
								<!-- 로그인한 이름 -->
								<fb:name uid="loggedinuser" use-you="no"></fb:name>
								<fb:login-button href="http://203.237.183.109/project/" autologoutlink="true"></fb:login-button>
							</p>
							<!-- 페이스북 로그인 버튼 -->
							<div id="fb-root"></div>
						</form>
					</div>
					<!--/.nav-collapse -->
				</div>
			</div>
		</div>
		<div class="hero-unit" align="center">
			<%
				String[] requestUri = request.getRequestURI().split("/");
				if (requestUri[requestUri.length - 1].equals("start.jsp")) {
			%>
			<img src="/project/images/logo2.png" />
			<p>
				미팅 플래너는 다수의 사람들이 만나는 약속을 누구나 쉽게 계획할 수 있게 도와줍니다.<br /> 지금 바로 약속을 만들어 보세요.
			</p>
			<%
				}
			%>
			<div>
				<ol class="inline">
					<%
						if (arrurl[5].equals("general.jsp")) {
					%>
					<li><a href="/project/data/general.jsp"><span class="text-success"><strong>General</strong></span></a></li>
					<i class="icon-play"></i>
					<li><a href="#">Time proposals</a></li>
					<i class="icon-play icon-white"></i>
					<li><a href="#">Settings</a></li>
					<i class="icon-play icon-white"></i>
					<li><a href="#">Invite</a></li>
					<i class="icon-play icon-white"></i>
					<%
						}
					%>
					<%
						if (arrurl[5].equals("time.jsp") || arrurl[5].equals("time2.jsp") || arrurl[5].equals("time_setting.jsp")) {
					%>
					<li><a href="/project/data/general.jsp">General</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/time.jsp"><span class="text-success"><strong>Time proposals</strong></span></a></li>
					<i class="icon-play"></i>
					<li><a href="#">Settings</a></li>
					<i class="icon-play icon-white"></i>
					<li><a href="#">Invite</a></li>
					<i class="icon-play icon-white"></i>
					<%
						}
					%>
					<%
						if (arrurl[5].equals("setting.jsp") || arrurl[5].equals("setting2.jsp")) {
					%>
					<li><a href="/project/data/general.jsp">General</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/time.jsp">Time proposals</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/setting.jsp"><span class="text-success"><strong>Settings</strong></span></a></li>
					<i class="icon-play"></i>
					<li><a href="#">Invite</a></li>
					<i class="icon-play icon-white"></i>
					<%
						}
					%>
					<%
						if (arrurl[5].equals("invite.jsp") || arrurl[5].equals("invite2.jsp")) {
					%>
					<li><a href="/project/data/general.jsp">General</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/time.jsp">Time proposals</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/setting.jsp">Settings</a></li>
					<i class="icon-play"></i>
					<li><a href="/project/data/invite.jsp"><span class="text-success"><strong>Invite</strong></span></a></li>
					<i class="icon-play"></i>
					<%
						}
					%>
				</ol>
				<%
					if (arrurl[5].equals("view.jsp") || arrurl[5].equals("view2.jsp")) {
				%>
				<div id="header">
					<div id="title">
						<h2 align="center">
							<font color="#8B5927">Table view</font>
						</h2>
					</div>
				</div>
				<%
					}
				%>
			</div>
		</div>
		<!-- 예제  -->
		<hr />
		<decorator:body />
		<hr />
		<div align="center">
			<p>2013 Adv. web programming 甲乙乙</p>
			<p>강연이, 정성헌, 황우성</p>
		</div>
	</div>
</body>
</html>